const template = (`
	<div class="todo-header">
			<!--	方案一-->
<!--		<input @keydown.enter="addTask" type="text" placeholder="请输入你的任务名称，按回车键确认"/>-->
		<input @keydown.enter="addTask" type="text" placeholder="请输入你的任务名称，按回车键确认"/>
	</div>
`);
export default {
	template,
	props:["taskList"],
	methods:{
		addTask(e){
			const title = e.target.value.trim();
			if(title){
				this.$emit("update:task-list",[
					{
						id:Math.random().toString(36).slice(2),
						title,
						isChecked:true
					},
					...this.taskList
				])
				e.target.value = null;
			}else{
				alert("请输入任务标题！")
			}
		}
	}

}